<template>
    <div>
        <component
            :is=compName
            v-bind:on-mouse-over-port="onMouseOverPort"
            v-bind:on-mouse-out-port="onMouseOutPort"
            v-bind:on-click-port="onClickPort"
            v-bind:sub-boards="subBoards"
        ></component>
    </div>
</template>

<script>
    // import lan_8fe1ge from './lan/lan_8fe1ge'
    import ar2204 from './device/AR2204';
    import ar2240 from './device/AR2240';

    export default {
        name: "RT_BOARD",
        components: {
            ar2204,
            ar2240,
        },
        data() {
            return {
                compName: "ar2204",
                subBoards: [
                    // {brd: "SRU40", slot: 11},
                    // {brd: "PWR350A", slot: 9},
                    {brd: "8FE1GE", slot: 4},
                    {brd: "8FE1GE", slot: 2},
                ]
            }
        },
        created() {
        },
        methods: {
            onMouseOverPort(itf, ev) {
                //console.log(">>> MouseOver ", itf, ev)
            },
            onMouseOutPort(itf, ev) {
                //console.log(">>> MouseOut ", itf, ev)
            },
            onClickPort(itf, ev) {
                console.log(">>> Click ", itf, ev)
            },
        }
    }
</script>